<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>秒杀商品详情</title>
	<%@include file="common/boots.jsp"%>
</head>
<body>
	<input id="basePath" type="hidden" value="<%=path %>"/>
	<div class="container">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h1 style="text-align: center;">${seckill.name}</h1>
        </div>
        <div class="panel-body"></div>
        	<h2 style="text-align: center;" class="text-danger">
        		<!-- 显示time图标 -->
				<span style="top: 6px;" class="glyphicon glyphicon-time"></span>
				<!-- 展示倒计时 -->
				<span class="glyphicon" id="seckillBox"></span>
        	</h2>
       </div>
    </div>

	<!-- 登录弹出层，输入电话 -->
	<div id="killPhoneModal" class="modal fade">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h3 class="modal-title text-center">
						<span class="glyphicon glyphicon-phone"></span>秒杀电话：
					</h3>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-xs-8 col-xs-offset-2">
							<input type="text" name="killphone" id="killphoneKey"
								placeholder="填手机号^O^" class="form-control" />
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<span id="killphoneMessage" class="glyphicon"></span>
					<button type="button" id="killPhoneBtn" class="btn btn-success">
						<span class="glyphicon glyphicon-phone"></span> Submit
					</button>
				</div>
			</div>
		</div>
	</div>
    
    <script src="<%=path%>/static/bootstrap-3.3.7-dist/js/jquery.min.js"></script>
    <script src="<%=path%>/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <!-- jQuery cookie操作插件 -->
	<script src="<%=path%>/static/js/jquery.cookie.min.js"></script>
	<!-- jQery countDonw倒计时插件  -->
	<script src="<%=path%>/static/js/jquery.countdown.min.js"></script>
	<!-- 开始编写交互逻辑 -->
	<script src="<%=path%>/static/js/seckill.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
			//使用EL表达式传入参数
			seckill.detail.init({
				seckillId : ${seckill.seckillId},
				startTime : ${seckill.startTime.time},//毫秒
				endTime : ${seckill.endTime.time}
			});
		});
	</script>
</body>
</html>